@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.a4a-filter-search {
	flex-basis: 100%;

	@include break-xlarge {
		flex-basis: 360px;
	}

	.search {
		&.is-open {
			height: 46px;

			@include breakpoint-deprecated( ">660px" ) {
				height: 33px;
			}
		}
		margin-block-end: 0;
		border: 1px solid var(--color-neutral-10);
	}

	.search__input.form-text-input[type="search"] {
		@include body-medium;
		color: var(--color-text);
	}
}
